/*
* @Author: syyao
* @Date: 2019-05-18 20:57:29
 * @Last Modified by: hui
 * @Last Modified time: 2019-06-07 03:03:43
*/
<style scoped>
.demo-drawer-footer {
  width: 40%;
  position: fixed;
  bottom: 0;
  right: 0;
  border-top: 1px solid #e8e8e8;
  padding: 10px 16px;
  text-align: right;
  background: #fff;
}
</style>
</style>

<template>
  <div style="margin:0 auto;width: 88%;">
    <h2 style="margin-top: 2vw;" @click="choosenPublic = true">发布管理</h2>

    <Timeline style="margin-top: 1vw;">
      <TimelineItem color="green">
        <p>今天</p>
        <div style="column-count:2;column-gap:15px;column-fill:auto;">
          <pm @click="choosenPublic = true"></pm>
          <pm></pm>
          <pm></pm>
        </div>
      </TimelineItem>
      <TimelineItem color="green">
        <p>今天</p>
        <div style="column-count:2;column-gap:15px;column-fill:auto;">
          <pm></pm>
          <pm></pm>
          <pm></pm>
        </div>
      </TimelineItem>
      <TimelineItem color="red">
        <p>今天</p>
        <div style="column-count:2;column-gap:15px;column-fill:auto;">
          <pm></pm>
          <pm></pm>
          <pm></pm>
        </div>
      </TimelineItem>
      <TimelineItem color="blue">
        <p>今天</p>
        <div style="column-count:2;column-gap:15px;column-fill:auto;">
          <pm></pm>
          <pm></pm>
          <pm></pm>
        </div>
      </TimelineItem>
    </Timeline>

    <!-- 发布信息修改抽屉 -->
    <Drawer title="发布图片--信息修改" :closable="false" v-model="choosenPublic" width="40">
      
        <Card style="width:93%;margin:0 auto;margin-top:2vw;">
        <Row>
          <i-col span="3">
            <p style="font-weight:600;">图片权限</p>
          </i-col>
          <i-col span="21">
            <RadioGroup v-model="postType">
              <Radio label="public">所有人</Radio>
              <Radio label="protect" style="margin-left:1vw">仅自己</Radio>
            </RadioGroup>
          </i-col>
        </Row>
      </Card>

      <Card style="width:93%;margin:0 auto;margin-top:2vw;">
        <Row>
          <i-col span="3">
            <p style="font-weight:600;">动态权限</p>
          </i-col>
          <i-col span="21">
            <RadioGroup v-model="postType">
              <Radio label="public">所有人</Radio>
              <Radio label="protect" style="margin-left:1vw">仅对我关注的人</Radio>
            </RadioGroup>
            <p style="margin-top:0.5vw;font-size:10px;margin-left:0.8vw;color:#FF4646">*即把相关一系列图片一同设定，本图以及相关优先遵循动态权限</p>
          </i-col>
        </Row>
      </Card>

      <Card style="width:93%;margin:0 auto;margin-top:2vw;">
        <Row>
          <i-col span="3">
            <p style="font-weight:600;">原创作品</p>
          </i-col>
          <i-col span="21">
            <Radio label="是"></Radio>
          </i-col>
        </Row>
      </Card>

      <div class="demo-drawer-footer">
        <Button type="error" style="margin-right:1vw;">删 除</Button>
        <Button type="primary">发 布</Button>
      </div>
    </Drawer>
  </div>


</template>

<script>
  import pm from "../picture/picPicManage.vue";
  export default {
    data() {
      return {
        choosenPublic: false,
      }
    },
    methods: {

    },
    components: {
      pm
    }
  }
</script>
